
@mixin btnStyle($color) {
	background-color: $color !important;
	height: 60rpx !important;
	line-height: 60rpx !important;
	color: #fff !important;
	margin: 0 !important;
}
@mixin lineStyle($height) {
	height: $height;
	@extend %flexBetw;
}
.content{
	height: auto;
	.confirm{
		color: #fff;
		letter-spacing: 0.6em;
		font-size: $uni-font-size-lg;
		@include textCenter(60rpx)
		width:78%;
		margin: 20rpx auto;
		background-color: #ee5b25;
		border-radius: 12rpx;
	}
	.ticketsContain{
		@extend %flexWrap;
		padding: 40rpx 24rpx;
		.ticketActive{
			border: 2rpx solid #ee5b25;
			color: #ee5b25;
		}
		
		.unactive{
			border: 2rpx solid #9e9e9e;
			color: #9e9e9e;
		}
		.activeBo{
			border-bottom: 2rpx solid #ee5b25;
		}
		.unActiveBo{
			border-bottom: 2rpx solid #9e9e9e;
		}
		.itemOutter{
			padding: 10rpx;
		}
		.ticketItem{
			margin: 5rpx 16rpx 15rpx 16rpx;
			padding: 10rpx 15rpx;
			text-align: center;
			border-radius: 8rpx;
			.score{
				font-size: $uni-font-size-lg;
				@include  textCenter(60rpx);
			}
			.ticket{
				font-size: $uni-font-size-sm;
				@include  textCenter(40rpx);
			}
		}
	}
	.header{
		padding:  26rpx;
		width: 710rpx;
		margin: 20rpx auto;
		border-radius: 16rpx;
		box-shadow: 0 0 4rpx rgba(0,0,0,0.5);
		position: relative;
		background-image: url(../static/images/icon-balance-recharge-bg.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		.ticket{
			font-size: $uni-font-size-sm;
			color: $font-color-light;
		}
		.accountLine{
			@include lineStyle(150rpx);
		}
		.buyBtn{
			@include btnStyle(#00bd83);
		}
		.saleBtn{
			@include btnStyle(#fd759a);
		}
		.broughtLine{
			@include lineStyle(60rpx);
		}
		.signBtn{
			@include btnStyle(#e0b260);
		}
	}
	.quotes{
		padding: 26rpx;
		width: 710rpx;
		margin: 20rpx auto;
		background-color: #fff;
		border: 2rpx solid $border-color-dark;
		border-radius: 10rpx;
		
		.title{
			height: 70rpx;
			line-height: 70rpx;
			text-indent: 1em;
			font-size: $uni-font-size-lg;
			font-weight: bold;
			border-left: 4px solid #00bd83;
			margin-bottom: 30rpx;
		}
		
		.b-b{
			border-bottom: 1rpx solid $border-color-base;
		}
		.quotesItem{
			@include lineStyle(100rpx);
			
			color: $uni-text-color-grey;
			font-size: $uni-font-size-base;
			.date{
				min-width: 5em;
			}
			.quotesl{
				padding: 10rpx 20rpx;
				border-radius: 4rpx;
			}
			.plus{
				background-color: rgba(#00bd83,0.6) ;
				color: #019c54;
			}
			.sub{
				background-color: rgba(#fd759a,0.6);
				color: #cc314e;
			}
		}
	}
}